<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
            // 异步任务 ： 1宏任务 2微任务
            // 微任务 ： 解决js精度问题,减少js的颗粒度
            // 宏任务 : 依次执行
            // 如果任务精度高:微任务[1][2][3][4]   [6](紧急任务,可以插队)
    
            // 宏任务 : 定时器、主代码块(script:用于执行同步代码)、ajax、资源的加载
            // 微任务 : promise对象里的then    ,      MutationObserver : 用于观察节点变化的
            // process.nextTick()

            // 先执行宏任务,每一个宏任务后面会跟随一个微任务队列
    </script>
</body>
</html>